﻿<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="AvanceProyectos.aspx.cs"
    Inherits="entgpguayas.Estadisticas.AvanceProyectos" %>

<%--<%@ Register Assembly="Coolite.Ext.Web" Namespace="Coolite.Ext.Web" TagPrefix="ext" %>--%>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <title></title>
</head>
<body>
    <ext:ResourceManager runat="server" />
    <form id="form1" runat="server">
    <script type="text/javascript">
        function prepareCommand(grid, command, record, row) {
            // tramite ejecucion terminado detenido

            if (command.command == 'tramite' && (record.data.Estado == 'En Ejecución' || record.data.Estado == 'Finalizado' || record.data.Estado == 'Paralizado')) {
                command.hidden = true;
                command.hideMode = 'visibility'; //you can try 'display' also
            }
            if (command.command == 'ejecucion' && (record.data.Estado == 'En Tramite' || record.data.Estado == 'Finalizado' || record.data.Estado == 'Paralizado')) {
                command.hidden = true;
                //command.hideMode = 'visibility'; //you can try 'display' also
            }
            if (command.command == 'terminado' && (record.data.Estado == 'En Ejecución' || record.data.Estado == 'En Tramite' || record.data.Estado == 'Paralizado')) {
                command.hidden = true;
                //command.hideMode = 'visibility'; //you can try 'display' also
            }
            if (command.command == 'detenido' && (record.data.Estado == 'En Ejecución' || record.data.Estado == 'Finalizado' || record.data.Estado == 'En Tramite')) {
                command.hidden = true;
                command.hideMode = 'visibility'; //you can try 'display' also                 
            }
        }
    </script>
    <ext:Store ID="StoreProgramas" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value">
                    </ext:RecordField>
                    <ext:RecordField Name="Key">
                    </ext:RecordField>
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreEstado" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value">
                    </ext:RecordField>
                    <ext:RecordField Name="Key">
                    </ext:RecordField>
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreEje" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value">
                    </ext:RecordField>
                    <ext:RecordField Name="Key">
                    </ext:RecordField>
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreTipo" runat="server">
        <Reader>
            <ext:JsonReader IDProperty="Key">
                <Fields>
                    <ext:RecordField Name="Value">
                    </ext:RecordField>
                    <ext:RecordField Name="Key">
                    </ext:RecordField>
                </Fields>
            </ext:JsonReader>
        </Reader>
    </ext:Store>
    <ext:Store ID="StoreProyectos" runat="server" OnRefreshData="StoreRefresh" AutoLoad="false">
        <Reader>
            <ext:JsonReader IDProperty="Id">
                <Fields>
                    <ext:RecordField Name="Id" />
                    <ext:RecordField Name="Nombre" />
                    <ext:RecordField Name="FechaInicio" Type="Date" DateFormat="Y-m-dTh:i:s" />
                    <ext:RecordField Name="FechaFin" Type="Date" DateFormat="Y-m-dTh:i:s" />
                    <ext:RecordField Name="Presupuesto" />
                    <ext:RecordField Name="Descripcion" />
                    <ext:RecordField Name="Saldo" />
                    <ext:RecordField Name="UltimoPago" />
                    <ext:RecordField Name="AportePlan" />
                    <ext:RecordField Name="AportePlanConDescuento" />
                    <ext:RecordField Name="TotalDesembolsado" />
                    <ext:RecordField Name="PorcentajeAvance" />
                    <ext:RecordField Name="Estado" />
                    <ext:RecordField Name="NumeroDias" />
                    <ext:RecordField Name="DiasTranscurridos" />
                    <ext:RecordField Name="DiasFaltantes" />
                    <ext:RecordField Name="PorcentajeDias" />
                    <ext:RecordField Name="PorcentajeDesembolso" />
                </Fields>
            </ext:JsonReader>
        </Reader>
        <Proxy>
            <ext:PageProxy></ext:PageProxy>
        </Proxy>
        <BaseParams>
			<ext:Parameter Name="cbxProgramas_bprm" Value="#{cbxProgramas}.getValue()"   Mode="Raw" />
			<ext:Parameter Name="cbxEje_bprm" Value="#{cbxEje}.getValue()"   Mode="Raw" />	
            <ext:Parameter Name="cbxCategorias_bprm" Value="#{cbxCategorias}.getValue()"   Mode="Raw" />
            <ext:Parameter Name="cbxEstado_bprm" Value="#{cbxEstado}.getValue()"   Mode="Raw" />	
            <ext:Parameter Name="txtNombrePrograma_bprm" Value="#{txtNombrePrograma}.getValue()"   Mode="Raw" />
        </BaseParams>
    </ext:Store>
    <ext:Viewport ID="Viewport1" runat="server">
        <Items>
            <ext:BorderLayout ID="BorderLayout1" runat="server">
                <North Collapsible="True" Split="false">
                    <ext:Panel ID="Panel1" BodyStyle="padding:10px;background-color:#E7E4DD;" runat="server" ButtonAlign="Center"
                        Height="150" Layout="Column" Border="false">
                        <Items>
                            <ext:Panel ID="Panel3" runat="server" Border="false" Header="false" BodyStyle="padding:10px;background-color:Transparent;"
                                ColumnWidth=".33" Layout="Form">
                                <Items>
                                    <ext:ComboBox Editable="false" FieldLabel="Eje" ID="cbxEje" StoreID="StoreEje" runat="server"
                                        DisplayField="Value" ValueField="Key" TypeAhead="true" ForceSelection="true"
                                        AnchorHorizontal="95%" TriggerAction="All" Grow="true" GrowMax="300" EmptyText="Todos"
                                        SelectOnFocus="true" AutoDataBind="True">
                                         <Triggers>
                                                                <ext:FieldTrigger Icon="Clear" />
                                                            </Triggers>
                                                            <Listeners>
                                                                 <Select Handler="this.triggers[0].show();" />
                                                                  <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                                                  <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                                                  <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                                            </Listeners>
                                    </ext:ComboBox>
                                    <ext:ComboBox Editable="false" FieldLabel="Estado" ID="cbxEstado" runat="server"
                                        AnchorHorizontal="95%" StoreID="StoreEstado" DisplayField="Value" ValueField="Key"
                                        TypeAhead="true" ForceSelection="true" TriggerAction="All" Grow="true" GrowMax="300"
                                        EmptyText="Todos" SelectOnFocus="true" AutoDataBind="True">
                                        <Triggers>
                                        <ext:FieldTrigger Icon="Clear" />
                                    </Triggers>
                                    <Listeners>
                                         <Select Handler="this.triggers[0].show();" />
                                          <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                         <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                            <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                    </Listeners>
                                    </ext:ComboBox>
                                </Items>
                            </ext:Panel>
                            <ext:Panel ID="Panel4" Height="70" runat="server" Border="false" BodyStyle="padding:10px;background-color:Transparent;"
                                ColumnWidth=".34" Layout="Form">
                                <Items>
                                    <ext:ComboBox Editable="false" FieldLabel="Programa" ID="cbxProgramas" runat="server"
                                        AnchorHorizontal="95%" StoreID="StoreProgramas" DisplayField="Value" ValueField="Key"
                                        TypeAhead="true" ForceSelection="true" TriggerAction="All" Grow="true" GrowMax="300"
                                        EmptyText="Todos" SelectOnFocus="true" AutoDataBind="True">
                                        <Triggers>
                                        <ext:FieldTrigger Icon="Clear" />
                                    </Triggers>
                                    <Listeners>
                                         <Select Handler="this.triggers[0].show();" />
                                          <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                         <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                            <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                    </Listeners>
                                    </ext:ComboBox>
                                    <ext:TextField FieldLabel="Nombre" ID="txtNombrePrograma" runat="server" AnchorHorizontal="95%" />
                                </Items>
                            </ext:Panel>
                            <ext:Panel ID="Panel5" Height="70" runat="server" Border="false" BodyStyle="padding:10px;background-color:Transparent;"
                                ColumnWidth=".33" Layout="Form">
                                <Items>
                                    <ext:ComboBox Editable="false" FieldLabel="Tipo" ID="cbxCategorias" StoreID="StoreTipo"
                                        AnchorHorizontal="95%" runat="server" DisplayField="Value" ValueField="Key" TypeAhead="true"
                                        ForceSelection="true" TriggerAction="All" Grow="true" GrowMax="300" EmptyText="Todos"
                                        SelectOnFocus="true" AutoDataBind="True">
                                        <Triggers>
                                        <ext:FieldTrigger Icon="Clear" />
                                    </Triggers>
                                    <Listeners>
                                         <Select Handler="this.triggers[0].show();" />
                                          <BeforeQuery Handler="this.triggers[0][ this.getRawValue().toString().length == 0 ? 'hide' : 'show']();" />
                                         <AfterRender Handler="this.triggers[0][ Ext.isEmpty(this.getValue()) ? 'hide' : 'show']();" />
                                            <TriggerClick Handler="if(index == 0) { this.clearValue(); this.triggers[0].hide(); }" />
                                    </Listeners>
                                    </ext:ComboBox>
                                </Items>
                            </ext:Panel>
                        </Items>
                        <Buttons>
                            <ext:Button runat="server" ID="btnBuscar" Text="Buscar" Icon="Find">
                                <%--
                                <DirectEvents>
                                    <Click OnEvent="btnBuscar_Click">
                                        <EventMask ShowMask="true" />
                                    </Click>
                                </DirectEvents>
                                 --%>
                                <Listeners>
                                  <Click Handler="#{StoreProyectos}.load();" />
                                </Listeners>
                         </ext:Button>
                        </Buttons>
                    </ext:Panel>
         </North>
        <center>
            <ext:GridPanel ID="GridPanelProyectos" runat="server" StoreID="StoreProyectos" StripeRows="true"
                AutoWidth="true" Height="250px" Title="Proyectos" AutoExpandColumn="NombreProyecto">
                <ColumnModel ID="ColumnModel1" runat="server">
                    <Columns>
                        <ext:Column ColumnID="NombreProyecto" Header="Nombre del proyecto" Width="200" Sortable="true"
                            DataIndex="Nombre" />
                        <ext:Column ColumnID="Descripcion" Header="Descripcion" Width="150" Sortable="true"
                            DataIndex="Descripcion" Hidden="true" />
                        <ext:Column Header="Fecha Inicio" Width="145" Sortable="true" DataIndex="FechaInicio">
                            <Renderer Fn="Ext.util.Format.dateRenderer('j \\de F \\de\\l Y')" />
                        </ext:Column>
                        <ext:Column Header="Fecha Fin" Width="145" Sortable="true" DataIndex="FechaFin">
                            <Renderer Fn="Ext.util.Format.dateRenderer('j \\de F \\de\\l Y')" />
                        </ext:Column>
                        <ext:Column Header="Estado" Width="90" Sortable="true" DataIndex="Estado" />
                        <ext:Column Header="Presupuesto" Width="100" Sortable="true" DataIndex="Presupuesto">
                            <Renderer Format="UsMoney" />
                        </ext:Column>
                        <ext:Column Header="Aporte Plan" Width="100" Sortable="true" DataIndex="AportePlanConDescuento">
                            <Renderer Format="UsMoney" />
                        </ext:Column>
                        <ext:Column Header="Total desembolsado" Width="110" Sortable="true" DataIndex="TotalDesembolsado">
                            <Renderer Format="UsMoney" />
                        </ext:Column>
                        <%--<ext:Column Header="Ultimo Pago" Width="140" Sortable="true" DataIndex="UltimoPago">
                                <Renderer Format="UsMoney" /> 
                            </ext:Column>--%>
                        <ext:ImageCommandColumn>
                            <Commands>
                                <ext:ImageCommand CommandName="tramite" Icon="Hourglass">
                                    <ToolTip Text="Proyecto en Tramite" />
                                </ext:ImageCommand>
                                <ext:ImageCommand CommandName="ejecucion" Icon="CogGo">
                                    <ToolTip Text="Proyecto en Ejecución" />
                                </ext:ImageCommand>
                                <ext:ImageCommand CommandName="terminado" Icon="Accept">
                                    <ToolTip Text="Proyecto Terminado" />
                                </ext:ImageCommand>
                                <ext:ImageCommand CommandName="detenido" Icon="Stop">
                                    <ToolTip Text="Proyecto Paralizado" />
                                </ext:ImageCommand>
                            </Commands>
                            <PrepareCommand Fn="prepareCommand" />
                        </ext:ImageCommandColumn>
                    </Columns>
                </ColumnModel>
                <%--<DirectEvents>
                        <Command OnEvent="VerDesembolso">
                            <ExtraParams>
                                <ext:Parameter Name="Comando" Value="command" Mode="Raw" Encode="False" />
                                <ext:Parameter Name="Id" Value="record.data.Id" Mode="Raw" />
                            </ExtraParams>
                        </Command>
                    </DirectEvents>--%>
                <SelectionModel>
                    <ext:RowSelectionModel ID="RowSelectionModel1" runat="server" SingleSelect="true" />
                </SelectionModel>
                <Plugins>
                    <ext:RowExpander ID="RowExpander1" runat="server" Collapsed="true">
                    
                        <Template ID="Template1" runat="server">
                        <Html>
                            <br />
                            <p style="font-size: 15px;">
                                <b>Descripci&oacute;n:</b> {Descripcion}</p>
                            <br />
                            <br />
                            <p style="font-size: 15px;">
                                <b>Porcentaje Desembolsado:</b> {PorcentajeDesembolso}%</p>
                            <br />
                            <p style="font-size: 15px;">
                                <b>Tiempo de Duraci&oacute;n del proyecto</b> {NumeroDias} dias</p>
                            <br />
                            <p style="font-size: 15px;">
                                <b>Dias Transcurridos</b> {DiasTranscurridos}</p>
                            <br />
                            <p style="font-size: 15px;">
                                <b>Dias Faltantes</b> {DiasFaltantes}</p>
                            <br />
                            <p style="font-size: 15px;">
                                <b>Porcentaje Dias</b> {PorcentajeDias}%</p>
                            <br />
                            <p style="font-size: 15px;">
                                <b>Porcentaje de Avance</b> {PorcentajeAvance}%</p>
                            <br /></Html>
                        </Template>
                    </ext:RowExpander>
                </Plugins>
                <BottomBar>
                    <ext:PagingToolbar ID="ptbPerfilProyecto" runat="server" StoreID="StoreProyectos"
                        DisplayInfo="true" DisplayMsg="Proyectos {0} - {1} of {2}" EmptyMsg="No existen Proyectos" />
                </BottomBar>
            </ext:GridPanel>
        </center>
        </ext:BorderLayout> </Items>
    </ext:Viewport>
    </form>
</body>
</html>
